html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; } 

fieldset, img { border:none; } 

img{display: block;} 

address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; } 

ul, ol { list-style:none; } 


body { color:#333;font:12px/20px "SimSun","宋体","Arial Narrow",HELVETICA; background:#fff;}

a { color:#666; text-decoration:none; }
.header{width:100%;}
.top,.nav,.tab{width:1227px;margin:0 auto;}
/*头部*/
.header{height:40px;background:#333333;min-width:1227px;}
.top{height:40px;}
.top-left,.top-right{float:Left;}
.top-left{width:1023px;}
.list{width:550px;margin-top:14px;}
.list li{float:left;height:12px;line-height:12px;padding: 0 8px;border-right:1px solid #999;}
.list li a{color:#b0b0b0;}
.list li a:hover{color:white;}
.list .firstlist{padding-left:0;}
.list .lastlist{border-right:0;}
.top-right{width:200px;}
.top-right a{line-height:40px;float:left;}
.top-right a:hover{color:#ff6700;}
.lastright:hover{color:#ff6700;background:white;}
.lastright{display:block;margin-left:20px;width:118px;height:40px;background:#424242;color:#b0b0b0;text-align:center;line-height:40px;}
.shopping{width:316px;height:100px;line-height:100px;text-align:center;position:absolute;right:111px;top:40px;background:white;display:none;z-index:1;}

@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

@font-face {font-family: 'iconfont';
    src: url('../font1/iconfont.eot'); /* IE9*/
    src: url('../font1/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font1/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font1/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font1/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{font-family:"iconfont";
font-size:16px;font-style:normal;}

/*导航*/
.nav{height:78px;padding-top:22px;}
.nav-left,.nav-center,.nav-right{float:left;}
.nav-left img{float:left;}
.img1{margin-left:31px;}
.list2{padding-top:20px;margin-right:60px;}
.list2 li{float:left;padding:0 13px;}
.list2 li a{display:block;color:black;font-size:14px;height:60px;}
.list2 li a:hover{color:#ff6700;}
.bd{width:296px;height:50px;border:1px solid #999;}

.tet,.butt{float:left;}
.tet{width:240px;height:48px;border:0;outline:0;}
.butt{width:56px;line-height:48px;border:0;border-left:1px solid #999;background:white;padding-left:10px;cursor:pointer;}
.butt:hover{background:#ff6700;transition:all .2s;}
.strap{position:absolute;right:230px;top:78px;transition:all .2s;}
.strap a{display:block;float:left;height:20px;padding:0 5px;background:#999;}
.strap1{margin-right:5px;}
.strap a:hover{background:#ff6700;}
.jax{width:240px;height:302px;position:absolute;right:225px;top:113px;border:1px solid #ff6700;z-index:4;background:white;display:none;}
.jax li{
	height:25px;
	font-size:12px;
	line-height:25px;
	width:230px;
	padding-left:10px;
}
.jax li:hover{
	background:#eeeeee;
}
.jax li a{
	float:left;
	width:170px;
	height:25px;	
	
}
.jax li span{
	float:right;
	right:0;
	width:60px;	
	height:25px;
	color:#DDDDDD;
	
}
/*选项卡*/
.tab{height:460px;}
.tab-left,.tab-right{float:left;}
.tab-left{width:235px;height:460px;position:absolute;z-index:2}
.list3 li{padding:8px 0;}
.list3 li a{display:block;color:white;font-size:14px;padding-left:30px;line-height:30px;padding-left:30px;width:235px;height:30px;width:204px;}
.list3 li a:hover{background:#ff6700;}
.list3 li a span{float:right;padding-right:10px;}
.clu{width:500px;height:434px;display:none;background:white;position:absolute;left:234px;top:0;padding-left:31px;padding-top:26px;}

.clut,.cluth{float:left;}
.cluth{width:224px;height:434px;margin-right:50px;}
.cluth-1{height:70px;width:224px;margin-bottom:40px;}
.cluth-2,.cluth-3{float:left;}
.cluth-2{margin-right:26px;}
.cluth-3-1,.cluth-3-2{float:left;margin-top:30px;}
.cluth-3-2{margin-left:10px;width:60px;height:23px;border:1px solid #ff6700;line-height:23px;text-align:center;}
.cluth-3-2 a:hover{display:block;background:#ff6700;}
.tab-right{ position:relative; width:1227px; height:460px;}
#move-img{ width:1227px; height:460px; position:relative;}
#move-img li  img{ width:1127px; height:460px; display:block;}
#move-img li{ position:absolute; left:0; top:0; opacity:0; list-style:none;}
#move-img .first{opacity:1; background:#999;}
#move-btn{ width:100px; height:13px; position:absolute;bottom:25px;left:1000px;}
#move-btn li{ float:left;}
#move-btn li a{display:block;width:10px; margin-right:5px;height:10px;color:#666;background:#999; border-radius:50%;}
#move-btn li .active{ background:white;}
#box{display:none; position:absolute; top:200px; width:893px;padding-left:234px;}
#box .a1{ width:30px; height:60px; float:left; background:rgba(0,0,0,.2); line-height:60px; text-align:center;}
#box .a2{ width:30px; height:60px; float:right; background:rgba(0,0,0,.2);line-height:60px; text-align:center;}
.phone{width:100%;height:161px;position:absolute;top:140px;z-index:3;display:none;height:161px;padding-top:50px;border:1px solid #999;padding-left:200px;background:white;}

.iphone-1{float:left;margin-right:80px;}


